@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);

body{
	margin:0;
	background-color: #73a7cf;
}

#all{
	width:1080px;
	height:100%;
	background-color: #FFF;
	
	margin: 0 auto;
}

	#top{
		padding: 0.5em 0.5em 0.5em 1em;
	}

		#topContainer{
			width:100%;
			height:100px;
		}

			#logo{
				display:inline-block;
				height:100%;
				width: 35%;
				vertical-align:top;
				
				font-family: "Open Sans Condensed", "serif";
				font-size: 70px;
			}

			#menu{
				display:inline-block;
				width:64%;
				height:100%;
				
			}

				.boxMenu{
					position:relative;
					display:inline-block;	
					
					width:30%;
					height:100%;	
					text-align:center;

					font-family: "Open Sans Condensed", "serif";
					font-size: 24px;	
				}

				.boxMenu a{
					margin: 0 auto;
					position:absolute;
					bottom: 10px;

					text-decoration:none;
				}

#middle{
	width:100%;
}

#content{
	width:100%;
}
				
.jackpotRow{
	width:94%;
	height: 400px;

	border: 1px solid #CCC;
	border-radius:15px;
	margin: 2%;
	padding: 1%;
}

.jackpotRow a{
	text-decoration:none;
}

	.jackpotRow div{
		vertical-align:top;
	}

	.jackpotLeft{
		display: inline-block;
		width: 14%;
		height:96%;
		margin: 1%;
	}
	
		.statsBox{
				height: 32%;
				width: 100%;
				margin: 2% 0% 2% 0%;				
				text-align:center;
		}		
		
			.statsBox div{
				margin-top:0.2em;
				font-family: "Open Sans Condensed", sans-serif;
				font-size: 24px;
			}

	.jackpotCenter{
		display: inline-block;
		width: 63%;
		height:94%;
		margin: 1%;	
	}
	
		.surveyBox{
			padding: 0.1em;
			border: 1px solid #AAA;
			text-align:center;
			background-color: #DDD;
			
			font-family: "Open Sans Condensed", sans-serif;
			font-size: 15px;
		}
		

	.jackpotRight{
		display: inline-block;
		width: 16%;
		height:96%;
		margin: 1%;
	}


.videoMask{
	background-color:#000;
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */				
	
	position:absolute;
	width:640px;
	height:360px;
	
	bottom:0px;
	left:0px;
	
	font-family: "Open Sans Condensed", sans-serif;
	font-size: 30px;
	text-align:center;
}	
	
	.maskControl{
		width:420px;
		height:160px;
		margin:90px auto;
	}
	
	.maskControl label{
		color:#FFF;
	}
	
	.controlIcon{
		background-image:url("/images/maskControls.png");
	}
	
	/*
	.questionHigh{
		background-position: 0px;
	}
	
	.restartHigh{
		background-position: 150px;
	}
	
	.questionNormal{
		background-position: 300px;
	}
	
	.restartNormal{
		background-position: 450px;
	}	*/
	
	.maskLeft{
		width:150px;
		height:150px;
		display:inline-block;
		float:left;
	}
	
	.controlIconRight:hover{
		background-position: 0px;
	}
	
	.controlIconRight{
		width:100%;
		height:100%;
		background-position: 300px;
	}	
	
	.controlIconLeft:hover{
		background-position: 450px;
	}	
	
	.controlIconLeft{
		width:100%;
		height:100%;	
		background-position: 150px;
	}		
	
	
	.maskRight{
		width:150px;
		height:150px;
		display:inline-block;
		float:right;	
	}
	
	
.comments{
	width:100%;
	margin:0 auto;
}
	
	.commentRow{
		width:90%;
		margin:0.2em auto;
		background-color: #EEE;
		padding: 0.4em;
	}	